<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="../common/commonInclude.jsp"%>
<!DOCTYPE html>
<html lang="en">
<head>
<title><%=SYSTEM_NAME%></title>
<meta name="description" content="overview & stats" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<!-- basic styles -->
<link href="<%=basePath%>resource/assets/css/bootstrap.min.css"
	rel="stylesheet" />
<link
	href="<%=basePath%>resource/assets/css/bootstrap-responsive.min.css"
	rel="stylesheet" />

<link rel="stylesheet"
	href="<%=basePath%>resource/assets/css/font-awesome.min.css" />
<!--[if IE 7]>
		  <link rel="stylesheet" href="<%=basePath%>resource/assets/css/font-awesome-ie7.min.css" />
		<![endif]-->


<!-- page specific plugin styles -->


<!-- ace styles -->
<link rel="stylesheet"
	href="<%=basePath%>resource/assets/css/ace.min.css" />
<link rel="stylesheet"
	href="<%=basePath%>resource/assets/css/ace-responsive.min.css" />
<link rel="stylesheet"
	href="<%=basePath%>resource/assets/css/ace-skins.min.css" />
<!--[if lt IE 9]>
		  <link rel="stylesheet" href="<%=basePath%>resource/assets/css/ace-ie.min.css" />
		<![endif]-->
</head>

<body>

	<div class="container-fluid" id="main-container">

		<div id="" class="clearfix">

			<div id="breadcrumbs">
				<ul class="breadcrumb">
					<li><i class="icon-home"></i> <a href="#">Home</a><span
						class="divider"><i class="icon-angle-right"></i></span></li>
					<li class="active">Dashboard</li>
				</ul>
				<!--.breadcrumb-->

			</div>
			<!--#breadcrumbs-->



			<div id="page-content" class="clearfix">

				<div class="page-header position-relative">
					<h1>
						Portal <small><i class="icon-double-angle-right"></i>
							纵览</small>
					</h1>
				</div>
				<!--/page-header-->



				<div class="row-fluid">
					<!-- PAGE CONTENT BEGINS HERE -->

					<div class="alert alert-block alert-success">
						<button type="button" class="close" data-dismiss="alert">
							<i class="icon-remove"></i>
						</button>
						<i class="icon-ok green"></i> 欢迎来到 <strong class="green">Wifi 精灵
							<small>(v1)</small>
						</strong>, 我们为您提供随时随地的网络畅游服务.
					</div>



					<div class="space-6"></div>
					<div class="row-fluid">


						<div class="span7 infobox-container">

							<div class="infobox infobox-green">
								<div class="infobox-icon">
									<i class="icon-comments"></i>
								</div>
								<div class="infobox-data">
									<span id="curlogin" class="infobox-data-number">0</span> <span
										class="infobox-content">当前登录用户</span>
								</div>
							</div>


							<div class="infobox infobox-blue">
								<div class="infobox-icon">
									<i class="icon-twitter"></i>
								</div>
								<div class="infobox-data">
									<span id="curwifi" class="infobox-data-number">0</span> <span
										class="infobox-content">当前上网用户</span>
								</div>
							</div>


							<div class="infobox infobox-pink">
								<div class="infobox-icon">
									<i class="icon-shopping-cart"></i>
								</div>
								<div class="infobox-data">
									<span id="loginpercent" class="infobox-data-number">0</span> <span
										class="infobox-content">账号利用率</span>
								</div>
							</div>



							<div class="infobox infobox-red">
								<div class="infobox-icon">
									<i class="icon-beaker"></i>
								</div>
								<div class="infobox-data">
									<span id="accuse" class="infobox-data-number">0</span> <span
										class="infobox-content">已使用账号</span>
								</div>
							</div>



							<div class="infobox infobox-orange2">
								<div class="infobox-chart">
									<span class="sparkline"
										data-values="196,128,202,177,154,94,100,170,224"></span>
								</div>
								<div class="infobox-data">
									<span id="accunuse" class="infobox-data-number">0</span> <span
										class="infobox-content">未使用账号</span>
								</div>
							</div>


							<div class="infobox infobox-blue2">
								<div class="infobox-progress">
									<div id="accper3" class="easy-pie-chart percentage" data-percent="42"
										data-size="46">
										<span id="accper" class="percent">0</span>%
									</div>
								</div>

								<div class="infobox-data">
									<span class="infobox-text">账号空余度</span> <span id="accper2"
										class="infobox-content"><span  class="approx"></span>
										0%</span>
								</div>
							</div>


							<div class="space-6"></div>


							<div class="infobox infobox-small infobox-dark infobox-green">
								<div class="infobox-progress">
									<div class="easy-pie-chart percentage" data-percent="61"
										data-size="39">
										<span id="monlogin" class="percent">0</span>
									</div>
								</div>
								<div class="infobox-data">
									<span class="infobox-content"><b>本月</b></span> <br /> <span
										class="infobox-content">登录数</span>
								</div>
							</div>

							<div class="infobox infobox-small infobox-dark infobox-blue">
								<div class="infobox-chart">
									<span class="sparkline" data-values="3,4,2,3,4,4,2,2"></span>
								</div>
								<div class="infobox-data">
									<span class="infobox-content"><b>总时间</b></span> <br /> <span
										id="monduration" class="infobox-content">0小时</span>
								</div>
							</div>

						</div>


						<div class="vspace"></div>


						<div class="span5">
							<div class="widget-box">
								<div
									class="widget-header widget-header-flat widget-header-small">
									<h5>
										<i class="icon-signal"></i> 帐号分布
									</h5>
								</div>

								<div class="widget-body">
									<div class="widget-main">
										<div id="piechart-placeholder"></div>

										<div class="hr hr8 hr-double"></div>

										<div class="clearfix">
											<div class="grid3">
												<span class="grey">
												<img src="<%=basePath%>resource/assets/images/opts/MO.png" width="24px" height="24px"/>
												 &nbsp; 中国移动
												 </span>
												<h4 id="piecm" class="bigger pull-right">0</h4>
											</div>

											<div class="grid3">
												<span class="grey">
												<img src="<%=basePath%>resource/assets/images/opts/UN.png" width="24px" height="30px"/>
												 &nbsp; 中国联通</span>
												<h4 id="piecu" class="bigger pull-right">0</h4>
											</div>

											<div class="grid3">
												<span class="grey">
												<img src="<%=basePath%>resource/assets/images/opts/TE.png" width="24px" height="30px"/>
												 &nbsp; 中国电信</span>
												<h4 id="piect" class="bigger pull-right">0</h4>
											</div>
										</div>
									</div>
									<!--/widget-main-->
								</div>
								<!--/widget-body-->
							</div>
							<!--/widget-box-->


						</div>
						<!--/span-->


					</div>
					<!--/row-->


					<div class="hr hr32 hr-dotted"></div>


					<div class="row-fluid">

						<div class="span15">
							<div class="widget-box transparent">
								<div class="widget-header widget-header-flat">
									<h4 class="lighter">
										<i class="icon-signal"></i> 上网时长上月对比
									</h4>
									<div class="widget-toolbar">
										<a href="#" data-action="collapse"><i
											class="icon-chevron-up"></i></a>
									</div>
								</div>
								<div class="widget-body">
									<div class="widget-main padding-5">
										<div id="sales-charts"></div>
									</div>
									<!--/widget-main-->
								</div>
								<!--/widget-body-->
							</div>
							<!--/widget-box-->
						</div>

					</div>



					<div class="hr hr32 hr-dotted"></div>

					<!-- PAGE CONTENT ENDS HERE -->
				</div>
			</div>

		</div>
	</div>

	<!-- basic scripts -->
	<script src="<%=basePath%>resource/jquery/jquery-1.9.1.min.js"></script>
	<script type="text/javascript">
		window.jQuery || document.write("<script src='<%=basePath%>resource/jquery/jquery-1.9.1.min.js'>\x3C/script>");
		</script>
	<script src="<%=basePath%>resource/jquery/jquery-migrate-1.2.1.min.js"></script>

	<script src="<%=basePath%>resource/assets/js/bootstrap.min.js"></script>
	<!--[if lt IE 9]>
		<script type="text/javascript" src="<%=basePath%>resource/assets/js/excanvas.min.js"></script>
		<![endif]-->
	<script type="text/javascript"
		src="<%=basePath%>resource/assets/js/jquery-ui-1.10.2.custom.min.js"></script>
	<script type="text/javascript"
		src="<%=basePath%>resource/assets/js/jquery.ui.touch-punch.min.js"></script>
	<script type="text/javascript"
		src="<%=basePath%>resource/assets/js/jquery.slimscroll.min.js"></script>
	<script type="text/javascript"
		src="<%=basePath%>resource/assets/js/jquery.easy-pie-chart.min.js"></script>
	<script type="text/javascript"
		src="<%=basePath%>resource/assets/js/jquery.sparkline.min.js"></script>
	<script type="text/javascript"
		src="<%=basePath%>resource/assets/js/jquery.flot.min.js"></script>
	<script type="text/javascript"
		src="<%=basePath%>resource/assets/js/jquery.flot.pie.min.js"></script>
	<script type="text/javascript"
		src="<%=basePath%>resource/assets/js/jquery.flot.resize.min.js"></script>
	<!-- ace scripts -->
	<script src="<%=basePath%>resource/assets/js/ace-elements.min.js"></script>
	<script src="<%=basePath%>resource/assets/js/ace.min.js"></script>
	<script src="<%=basePath%>resource/util/demonutil.js"></script>
	<script src="<%=basePath%>resource/demon/dash.js"></script>

	<!-- inline scripts related to this page -->
</body>
</html>
